<template>
  <div class="dashboard-editor-container">
    <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
      <h4>产品介绍 (点击任意图片进入体验)</h4>
      <el-row :gutter="40" class="">
        <div class="introduce" v-for="(item) in introduces" >
          <div >
            <div class="help-title">{{item.index}}. {{item.title}}</div>
            <div class="content-dev" v-for="(content) in item.contents">{{content}}</div>
            <div class="img-div" v-for="(img) in item.imgs">
              <img @click="linkByRouter(img.routerpath)" :src="require('@/assets/product/' + img.imgname + '.png')" width="100%" ></div>
            <div class="content-dev" v-for="(content) in item.afterImgs">{{content}}</div>
          </div>
        </div>

      </el-row>
    </el-row>

    <div>
      友情链接：
      <div><a href="http://www.hao123.com/"><img src="http://www.hao123.com/static/images/public/logo.jpg" alt=“hao123上网导航” /></a></div>
    </div>
  </div>
</template>


<script>

export default {
  name: 'Product',
  data() {

    return {
      introduces: [
        {"title": "生产现状分析：看看当前传统企业生产的过程",
          "contents": [
            ">> 传统企业生产中迫于专业度和其他成本问题，数字化可能相对落后，当然也存在部分些企业有远见，陆续引入了些生产管理系统，或者是 CRM 、或者是库存管理系统等； ",
            ">> 生产过程一般也会遵循项目管理方法论：立项、计划、生产、收尾，其中计划环节最重要的是对生产任务进行拆解得到子任务项，项目管理中一般称为工作包（最小生产单元);",
            ">> 工作包描述了工作内容（干什么）、预计要干多长时间、质量标准等，我们可以参考下这张图："
          ] ,
          "afterImgs": [
            ">> 我们做计划本身就要投入很多的精力和预算， 这是为什么有些优秀的老板创业喜欢凭感觉做决策的原因。如果我们能把生产过程细化，就能对全局有个预见性，越细预见度越高，但是千万不能追求 100%，那容易掉到坑里，我们鼓励能做到计划的 60% ~ 70% 就可以行动了； ",
          ] ,
          "imgs": [{"imgname":"product", "routerpath": "login"}],
          "index": 1
        },
        {"title": "数字化: 生产过程回放必不可少的方法论",
          "contents": [
            ">> 在生产过程中，我们每个环节都会输入信息、加工信息、输出信息，输出的信息可能又会作为下一个环节的输入信息;",
            ">> 例如：洗菜环节的输入是菜，输出的是洗干净的菜，洗干净的菜就是炒菜的输入，而炒菜的输出当然就是可以吃的菜。这个描述平时我们可能早就习惯了，但是实际上这个过程中产生了很多有趣的信息;",
            ">> 我们把这些信息提炼并记录下来加工成有效信息的过程称之为『传统生产的数字化』。我们再看看这张图"
          ],
          "afterImgs": [
            ">> 实际上数字化可大可小，我们当前的核心在于重点解决人力资源管理相关的问题，就是上图所述的基础人事、考勤、排班、工资等事项，随着用户需求的变化，我们还能支持更多的功能，欢迎与我们交流",
          ] ,
          "imgs": [{"imgname":"digitalization", "routerpath": "login"}],
          "index": 2
        },
        {"title": "数字化与传统生产的映射： 减少 80 % 的人力是怎么做到的",
          "contents": [
            ">> 把生产环节中的信息提炼出来，搬到系统中，在系统中建立对应的概念、描述语、名词的过程，我们称之为建立模型简称建模。",
            ">> 当然为了效率和价值输出，我们建模的时候并不会包括所有的信息，而是有针对性的解决生产过程中，对于效率提升有需求的协作者的需求进行建模。例如员工的打卡、对打卡结果进行考勤、工资计算、成本利润表等各类报表等。",
            ">> 数字化转型对于具备一定规模，并且迫切降本增效的企业来说很有价值，比如一家1000人规模的生产企业，工资计算就是一个很复杂而且容易出错的过程。",
            ">> 或者一家 500 人的生产企业，老板身兼财务就会很头疼。使用了我们这个产品，单是工资计算就能看出来能释放 50% ~ 80 % 的算工资的工作人员的脑力；",
            ">> 我们来看看正面这张图，可以大致的了解下的数字化过程与传统生产过程的对应关系"
          ],
          "afterImgs": [
            ">> 我们生产过程中为了服务于我们的工作人员，往往需要做大量的非核心业务的统筹工作，物料管理啊、库存啊、工资管理、培训等，这部分繁杂的工作原本也可以被优化，就差一个数字化系统了。我们这张图仅仅是优化了 HR 的算薪工作，还有其他的报表等内容呢？是的，就差一个数字化系统了。",
          ] ,
          "imgs": [{"imgname":"product-digitalization", "routerpath": "login"}],
          "index": 3
        },
        {"title": "功能介绍",
          "contents": [
            ">> http://p.yunwow.cn/help",
          ],
          "imgs": [],
          "index": 4
        },
        {"title": "关于我们",
          "contents": [
            ">> 我们正在建设这样的一个系统，专注于解决生产过程中各类业务的数字化解决方案，它是持续迭代的，为生产服务的。",
            ">> 为了能持续的为更多的企业生产降本增效提供助力，同时为了降低企业的数字化转型成本，产品我们已经以极低的价格提供，服务费用也仅仅是收取人力成本。",
            ">> 2024 年8.8 号之前合作的企业我们软件免费提供使用，快来咨询我们的客服团队吧",
            ">> 了解下我们的团队："
          ],
          "afterImgs": [
            ">> 团队建设的初心是，帮助我们的客户减少成本，提升工作人员的工作效率，同时为了让我们自身也能更高效的服务客户，我们的每位成员都是资深的来自于各领域专家，如果你看中了哪位，请不要把他从我们的团队中带走，谢谢。",
          ] ,
          "imgs": [],
          "index": 5
        }
      ]
    }
  },
  created() {
  },
  methods: {
    linkByRouter(routerPath) {
      // this.$router.push(routerPath)
      window.open(routerPath, '_blank')
    }
  }
}
</script>

<style lang="scss" scoped>
.introduce {
  padding: 10px 25px;
}

.introduce .help-title {
  font-size: 2em;
  font-weight: bold;
  padding-bottom: 1rem;
}

.introduce .content-dev {
  color: #999;
  font-size: 14px;
  padding: 0.5rem;
}

.introduce .img-div {
  padding: 1rem;
}

</style>
